<template>
    <div class="view">
        <nav-bar title="账号与安全" :fixed="false" :shadow="true">
            <div class="back" slot="left" @click="back">
                <i class="iconfont icon-fanhui"></i>
            </div>
        </nav-bar>
        <div class="about-wrap">
            <cube-scroll>
                <list-cell title="修改密码" @click="toPage('settingPassword')" :showBorder="false"></list-cell>
            </cube-scroll>
        </div>
    </div>
</template>

<script lang="ts">
    import {Component, Vue} from "vue-property-decorator";
    import Scene from "@/render/Scene";
    import Http from "@/service/Http";
    import Badge from "@/components/aui/Badge.vue";

    import {Getter, Action, State, Mutation} from "vuex-class";
    import {InterfaceUser} from "@/interface/InterfaceUser";

    import CommonUnit from "@/unit/CommonUnit";
    import Input from "cube-ui/src/components/input/input.vue";
    import {InterfaceSocket} from "@/interface/InterfaceSocket";
    import ListCell from "@/components/aui/ListCell.vue";
    import NavBar from "@/components/aui/NavBar.vue";
    import {settingDownload} from "@/store/dispatches";

    @Component({
        components: {
            NavBar, ListCell
        }
    })
    export default class AccountAndSecurity extends Scene {


        private back() {
            this.navigateBack();
        }

        private toPage(name: string, path: string = "") {
            this.navigateTo({
                name: name,
                query: {
                    path: path
                }
            });
        }

    }
</script>

<style scoped lang="stylus">

    .view
        height 100vh;
        width 100vw;
        background $theme-page-common-background-color;

        .about-wrap
            width 100vw;
            height calc(100vh - var(--safe-area-inset-top) - 44px);
            position relative;
            border-top 1px solid rgba(200, 199, 204, .1);

            .version
                color #999;
</style>
